<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title></title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="jquery.mobile-1.3.1.min.css" />
  <script src="jquery-1.9.1.min.js"></script>
  <script src="jquery.mobile-1.3.1.min.js"></script>
  </head>
  <body>
    <!-- /Cours page 1 -->
    <div data-role="page" id="page1">
      <div data-theme="b" data-role="header">
        <h3>Welcome</h3>
        <a href="index.html#matgen" data-icon="grid" data-iconpos="notext" data-transition="flow" rel="external">Liste de cours</a>
      </div>
      <div data-role="content">
        <div data-role="fieldcontain">
        <h2>Welcome to the e-Learning: Awareness of Industrial Process Control Assessment Plus (IPCA+)</h2>
        <h3>Based on M20147.1</h3>
        <h4>Jan 2013, Version1</h4>
        </div>
      </div>
      <div data-theme="b" data-role="footer" data-position="fixed">
      <div data-role="navbar">
        <ul>
          <li><a href="#" data-icon="arrow-l">précedant</a></li>
          <li><a href="#" data-icon="search">rechercher</a></li>
          <li><a href="#page2" data-icon="arrow-r">suivant</a></li>
        </ul>
      </div><!-- /navbar -->
    </div>
    </div>
    
    <!-- /Cours page 2 -->
    <div data-role="page" id="page2">
      <div data-theme="b" data-role="header">
        <h3>Important information</h3>
        <a href="index.html#matgen" data-icon="grid" data-iconpos="notext" data-transition="flow" rel="external">Liste de cours</a>
      </div>
      <div data-role="content">
        <div data-role="fieldcontain">
        <h3>At the end of this eLearning, you will nedd to take a test. 
        You may retry the test as many times as necessary. 
        Results will not be recorded. 
        On successful compltion of the test, a certificate will be automatically generated. 
        It is highly recommended that you save and print it.</h3>
        <h3>Note that it is essential that you understand the principles of the IPCA+ before attending one of the classroom trainings:</h3>
        <h3>. IPCA+ Assessors (for internals only)</h3>
        <h3>. IPCA+ Suppliers</h3>
        </div>
      </div>
      <div data-theme="b" data-role="footer" data-position="fixed">
      <div data-role="navbar">
        <ul>
          <li><a href="#page1" data-icon="arrow-l">précedant</a></li>
          <li><a href="#" data-icon="search">rechercher</a></li>
          <li><a href="#page3" data-icon="arrow-r">suivant</a></li>
        </ul>
      </div><!-- /navbar -->
    </div>
    </div>
    
    <!-- /Cours page 3 -->
    <div data-role="page" id="page3">
      <div data-theme="b" data-role="header">
        <h3>Introduction</h3>
        <a href="index.html#matgen" data-icon="grid" data-iconpos="notext" data-transition="flow" rel="external">Liste de cours</a>
      </div>
      <div data-role="content">
        <div data-role="fieldcontain">
        <video width="540" height="360" controls="controls">
          <source src="mobile_video.mp4" type="video/mp4" preload="auto"/>
          Your browser does not support the video tag.
        </video>
        </div>
      </div>
      <div data-theme="b" data-role="footer" data-position="fixed">
      <div data-role="navbar">
        <ul>
          <li><a href="#page2" data-icon="arrow-l">précedant</a></li>
          <li><a href="#" data-icon="search">rechercher</a></li>
          <li><a href="#" data-icon="arrow-r">suivant</a></li>
        </ul>
      </div><!-- /navbar -->
    </div>
    </div>
  </body>
</html>
